<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <header>
        <span class="fh">返回</span>
        <h3>小米有品众筹</h3>
        <span>分享</span>
        <span class="iconfont icon-shouyediqiu top"></span>
    </header>
    <main>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../../public/imgs/banner-pic1.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/banner-pic2.jpeg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/banner-pic3.png" alt="">
                </div>
            </div>
        </div>
        <ul class="list-box">
            <li>
                <h4>压力腿套筋脉疏通</h4>
                <p>摆脱水肿酸痛，缓解静脉曲张</p>
                <span class="red"><span class="yello"><i class="dian"></i></span></span>
                <i>60%</i>
                <div class="price-div">
                    <span class="price">￥399起</span>
                    <span class="text">立即支持</span>
                </div>
                <p class="span-p">
                    <span>1196人支持</span>
                    <span>已筹60万元</span>
                    <span>剩余13天</span>
                </p>
            </li>
            <li class="lii">
                <div class="content">
                    <div class="left">
                        <img src="../../public/imgs/3.png" alt="">
                    </div>
                    <div class="right">
                        <h4>压力腿套筋脉疏通</h4>
                        <p>摆脱水肿酸痛，缓解静脉曲张</p>
                        <span class="nie"><i class="dian"></i></span>
                        <i>100%</i>
                        <div class="price-div">
                            <span class="price">￥399起</span>
                            <span class="text">立即支持</span>
                        </div>
                    </div>
                </div>
                <p class="span-p">
                    <span>1196人支持</span>
                    <span>已筹60万元</span>
                    <span>剩余13天</span>
                </p>
            </li>
            <li class="lii">
                <div class="content">
                    <div class="left">
                        <img src="../../public/imgs/5.png" alt="">
                    </div>
                    <div class="right">
                        <h4>压力腿套筋脉疏通</h4>
                        <p>摆脱水肿酸痛，缓解静脉曲张</p>
                        <span class="nie"><i class="dian"></i></span>
                        <i>100%</i>
                        <div class="price-div">
                            <span class="price">￥399起</span>
                            <span class="text">立即支持</span>
                        </div>
                    </div>
                </div>
                <p class="span-p">
                    <span>1196人支持</span>
                    <span>已筹60万元</span>
                    <span>剩余13天</span>
                </p>
            </li>
        </ul>
        <h3>猜你喜欢 <span>你喜欢的好物又回来啦</span></h3>
        <ul class="like">
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms1.png" alt="">
                </p>
                <h4>家用神仙水</h4>
                <p>新升级水光保湿</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <span class="nian">年货节</span>
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms2.png" alt="">
                </p>
                <h4>家用神仙水</h4>
                <p>新升级水光保湿</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms4.png" alt="">
                </p>
                <h4>家用神仙水</h4>
                <p>新升级水光保湿</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <span class="nian">年货节</span>
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms5.png" alt="">
                </p>
                <h4>家用神仙水</h4>
                <p>新升级水光保湿</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <span class="nian">年货节</span>
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms6.png" alt="">
                </p>
                <h4>家用台灯</h4>
                <p>欧美艺术家原型设计</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms7.png" alt="">
                </p>
                <h4>智能吸尘器</h4>
                <p>让你的地板永远保持靓丽光滑</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <span class="nian">年货节</span>
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms8.png" alt="">
                </p>
                <h4>松仁玉米虾</h4>
                <p>香气扑鼻</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <span class="nian">年货节</span>
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>
            <li>
                <p class="img-p">
                    <img src="../../public/imgs/ypms5.png" alt="">
                </p>
                <h4>小天才儿童智能手表</h4>
                <p>防水防摔</p>
                <span class="price">￥2999起<i>￥5999</i></span>
                <p class="discount">
                    <img src="../../public/imgs/uphyzsz.png" alt="">
                </p>

            </li>

        </ul>
    </main>
</body>

</html>